<template>
	<div class="content">
		<RadioGroup v-model="skillvalue" vertical>
			<Radio :label="look" border class="radio"></Radio>
			<Radio :label="card" border class="radio"></Radio>
			<Radio :label="loan" border class="radio"></Radio>
			<Radio :label="senior" border class="radio"></Radio>
		</RadioGroup>
	</div>
</template>

<script>
import Vue from 'vue';
import i18n from '../../../static/lang/i18n';
export default {
	name: 'SkillList',
	data() {
		return {
			skillvalue: '',
			look: null,
			card: null,
			loan: null,
			senior: null
		};
	},
	mounted() {
		// eslint-disable-next-line no-undef
		let Constructor = Vue.extend(module.default);
		let vm = new Constructor({ el: '#appcopy', i18n });
		this.look = vm.$t('ivcs.lookserver');
		this.card = vm.$t('ivcs.cardserver');
		this.loan = vm.$t('ivcs.loanserver');
		this.senior = vm.$t('ivcs.seniorserver');
	}
};
</script>

<style scoped>
.radio {
	width: 100%;
	font-size: 17px;
	margin-left: 15px;
	margin-top: 10px;
}

.content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;

	width: 100%;
	/*height:150px;*/
	margin-top: 20px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 5px 7px 49px 5px rgba(44, 137, 234, 0.13);
}
</style>
